<html>
<head>

<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />
</head>
<body bgcolor="#CCCCCC" link="#000000" alink="#000000" vlink="#000000">

<style>
FONT	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
TD	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
BODY	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
P	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
DIV	{FONT-FAMILY: Verdana,Helvetica; FONT-SIZE: 12px}
</style>

<div align="center"><p>
<table border="1" cellpadding="5" cellspacing="2" width="80%" bgcolor="#FFFFFF">

<tr><td align="center">
<a href="http://www.buttongenerator.com"><b>www.ButtonGenerator.com</b></a>
</td></tr></table>

<p><br><p><br>
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="Link 1" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1"></a><br>
<a href="Link 2" onmouseover="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onmouseout="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target=""><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1"></a><br>
</td></tr></table>
<p><br><p><br>
<table border="1" cellpadding="50" cellspacing="2" width="80%" bgcolor="#FFFFFF">

<tr><td align="left">
<font style="font-family: helvetica;font-size=20px;">This menu is made of the following :</font><p>
<ul>
<li>A <b>javascript</b> file named <b>menuscript.js</b>, it contains all the code to create the sub menus and mouse over effect. In this file you can edit the text, links and targets of the sub menus.<p></li>
<li>A <b>CSSstyle sheet</b>  file named <b>menustyle.css</b>, it is used to create the look of the sub menus. In this file you can change the colors and overall look of the sub menus.<p></li>
<li><b>4 PNG images</b> files for the main menu buttons. Those files are in a folder called : <b>buttons/</b><p></li>
<li>The present HTML file called <b>open_me.html</b>, with the CODES you need to put in your web page to display the menu.<p></li>
</ul><p><br>
<div align="center"><b>CAUTION if you modify the provided HTML, CSS or<BR>Javascript codes your menu may not work anymore.</b></div><p>
</td></tr>

<tr><td align="left"><p><br>
<font style="font-family: helvetica;font-size=20px;">Installation :</font>
<p><br><div align="center"><hr size="1" width="80%"></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="80%"><tr><td>
<b><font style="font-size:18px;">1.</font></b>
<b>Create the button's folder, and put button images in it.</b><P>
The button's folder must be in the same directory as the web page that will display your menu. For example :<P>
If your web page is here :<BR><b>http://www.mydomain.com/index.html</b><P>
Your button's folder must be here :<BR><b>http://www.mydomain.com/buttons/</b><P>
</td></tr></table></div>
<p><br><div align="center"><hr size="1" width="80%"></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="80%"><tr><td>
<b><font style="font-size:18px;">2.</font></b>
<b>Put the menuscript.js and menustyle.css files in your web page folder.</b><P>
The <i>menuscript.js</i> and <i>menustyle.css</i> files must be in the same directory as the web page that will display your menu. For example :<P>
If your web page is here :<BR><b>http://www.mydomain.com/index.html</b><P>
Your menuscript.js file must be here :<BR><b>http://www.mydomain.com/menuscript.js</b><P>
And your menustyle.css file must be here :<BR><b>http://www.mydomain.com/menustyle.css</b><P>
</td></tr></table></div>
<p><br><div align="center"><hr size="1" width="80%"></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="80%"><tr><td>
<form>
<b><font style="font-size:18px;">3.</font></b>
<b>Insert the HTML tag for javascript and sub menus.</b><P>
This is the HTML code that calls the javascript and CSS style sheet files ( <i>menuscript.js</i> and <i>menustyle.css</i> ). You must insert it in the <b>HEAD</b> part of your HTML document.<p>
<textarea cols="15" rows="5" style="width:100%">
<script src="menuscript.js" language="javascript" type="text/javascript"></script>
<link rel="stylesheet" type="text/css" href="menustyle.css" media="screen, print" />
</textarea>
</form>
</td></tr></table></div>
<p><br><div align="center"><hr size="1" width="80%"></div>
<div align="center"><table border="0" cellpadding="0" cellspacing="0" width="80%"><tr><td>
<form>
<b><font style="font-size:18px;">4.</font></b>
<b>Insert the HTML tag to display the menu.</b><P>This is the HTML code to display the menu.<BR>
You must insert it in the <b>BODY</b> part of your HTML document.<p>
<textarea cols="15" rows="15" style="width:100%">
<table border="0" cellpadding="0" cellspacing="0"><tr><td>
<a href="Link 1" onmouseover="setOverImg('1','');overSub=true;showSubMenu('submenu1','button1');" onmouseout="setOutImg('1','');overSub=false;setTimeout('hideSubMenu(\'submenu1\')',delay);" target=""><img src="buttons/button1up.png" border="0" id="button1" vspace="1" hspace="1"></a><br>
<a href="Link 2" onmouseover="setOverImg('2','');overSub=true;showSubMenu('submenu2','button2');" onmouseout="setOutImg('2','');overSub=false;setTimeout('hideSubMenu(\'submenu2\')',delay);" target=""><img src="buttons/button2up.png" border="0" id="button2" vspace="1" hspace="1"></a><br>
</td></tr></table>
</textarea>
</form>
</td></tr></table></div>
<p><br><div align="center"><b>CAUTION if you modify the provided HTML, CSS or<BR>Javascript codes your menu may not work anymore.</b></div><p>
</td></tr>

<tr><td align="left"><p><br>
<font style="font-family: helvetica;font-size=20px;">Link Back :</font><p>
<div align="center">If you use this menu, <b>YOU MUST PUT A LINK BACK</b> to ButtonGenerator.com.<br>
<a href="http://www.buttongenerator.com/page_LinkBack.php" target="_blank">Click here for more details.</a><p><br>
If you don't want to link back,<BR>
you can <A HREF="http://www.buttongenerator.com/signup.php">sign-up to the members area</A>.<p><br>All buttons and menus are <b>COPYRIGHT</b> &copy; 2003-04 <a href="http://www.buttongenerator.com">ButtonGenerator.com</a> All rights reserved.<BR>
You cannot offer the buttons on your <b>clipart or template</b> site.<br>
You cannot <b>resell</b> the buttons.<br></div>
</td></tr>

</table><p><br>
</div><p><br><p><br>


</body>
</html>
